<template>
  <div id="app">
    <div class="content">
      <div class="wrap">
        <router-link to="/">
          <i class="fa fa-search" aria-hidden="true"></i>
          <div class="txt">用户信息查询</div>
        </router-link>
      </div>
      <div class="wrap">
        <router-link to="PersonalAgent">
          <i class="fa fa-user" aria-hidden="true"></i>
          <div class="txt">个人待办清单</div>
        </router-link>
      </div>
      <div class="wrap">
        <router-link to="svaenotice">
          <i class="fa fa-telegram" aria-hidden="true"></i>
          <div class="txt">通知书查询表</div>
        </router-link>
      </div>
    </div>
    <router-view/>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    name: 'App'
  }
</script>

<style scoped lang="less" type="text/less">
  .content {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1.3rem;
    font-size: .3rem;
    display: flex;
    z-index: 1200000;
    border: none;
    .wrap {
      flex: 1;
      text-align: center;
      background: #fff;
      user-select: none;
      i{
        margin-top: .2rem;
        font-size: .5rem;
        color: #449d44;
      }
      .txt{
        color: #666;
        font-size: .25rem;
        margin-top: .15rem;

      }
    }
    a {
      text-decoration: none;
      color: #fff;
    }
  }

</style>
